<template>
  <div class="classify-container">
    <div class="search-btn">
      <van-icon name="search" />
      <span>苹果特价1元1斤</span>
    </div>
    <OneTab></OneTab>
    <SideBar></SideBar>
    <GoodsList></GoodsList>
  </div>
</template>

<script>
import OneTab from '@/components/OneTab.vue';
import SideBar from '@/components/SideBar.vue';
import GoodsList from '@/components/GoodsList.vue';

export default {
  name: 'Classify',
  components: {
    OneTab,
    SideBar,
    GoodsList,
  },
};
</script>

<style lang="less" scoped>
.classify-container {
  width: 375px;
  .search-btn {
    width: 355px;
    height: 33px;
    background: #eee;
    border-radius: 10px;
    margin: 11px auto 0;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #a1a1a1;
  }
}
</style>
